<template>
  <view :style="[statusBarStyle]">

  </view>
</template>

<script>
export default {
  name: "safe-top",
  computed: {
    statusBarStyle() {
      return {
        width: '100%',
        height: uni.getSystemInfoSync().statusBarHeight + "px",
        backgroundColor: this.bgColor
      }
    }
  },
  props: {
    bgColor: {
      type: String,
      default: () => {
        return "#f3f4f6"
      }
    }
  }
}
</script>

<style lang="scss" scoped>
</style>